<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no" name="format-detection">
		<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.1.min.css">
		<link rel="stylesheet" type="text/css" href="../css/stylefrist.css">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<style>
			.sdgtrer {
				background-color: #ffffff;
			}

			.aetaw {
				/* background-color: blue;
			opacity: 0.0; */
				margin: 0px;
				padding: 0px;
				height: 20px;
			}
		</style>
	</head>
	<body>

		<section class="css-flexView ">

			<header class="mui-bar mui-bar-nav aetaw">
				<header class="css-navBar css-navBar-fixed ">
					<a href="javascript:;" class="css-navBar-item">
						<i class="icon icon-return"></i>
					</a>
					<div class="css-center">
						<div class="css-search-box">

							<input type="text" placeholder="大家都在搜索">
						</div>
					</div>
					<a href="javascript:;" class="css-navBar-item">
						<i class="icon icon-add"></i>
					</a>
				</header>
			</header>


			<div class="mui-content">
				<section class="css-scrollView">
					<div class="m-slider" data-ydui-slider="">
						<div class="slider-wrapper">
							<div class="slider-item">
								<a href="javascript:;">
									<img src="../images/banner_01.png" alt="">
								</a>
							</div>
							<div class="slider-item">
								<a href="javascript:;">
									<img src="../images/banner_01.png" alt="">
								</a>
							</div>
							<div class="slider-item">
								<a href="javascript:;">
									<img src="../images/banner_01.png" alt="">
								</a>
							</div>
						</div>
						<div class="slider-pagination"></div>
					</div>


					<div class="sdgtrer">
						<div class="swiper-container">
							<div class="swiper-wrapper adat">
								<div class="swiper-slide">
									<div class="css-palace css-palace-one">
										<a href="javascript:;" class="css-palace-grid" id="about">
											<div class="css-palace-grid-icon">
												<img src="../images/one2.png" alt="">
											</div>
											<div class="css-palace-grid-text">
												<h2>关于我们</h2>
											</div>
										</a>
										<a href="javascript:;" class="css-palace-grid" id="library">
											<div class="css-palace-grid-icon">
												<img src="../images/one5.png" alt="">
											</div>
											<div class="css-palace-grid-text">
												<h2>师资力量</h2>
											</div>
										</a>
										<a href="javascript:;" class="css-palace-grid" id="zhiwang">
											<div class="css-palace-grid-icon">
												<img src="../images/one3.png" alt="">
											</div>
											<div class="css-palace-grid-text">
												<h2>知网</h2>
											</div>
										</a>
										<a href="javascript:;" class="css-palace-grid" id="IMUSTCTF">
											<div class="css-palace-grid-icon">
												<img src="../images/one4.png" alt="">
											</div>
											<div class="css-palace-grid-text">
												<h2>IMUSTCTF</h2>
											</div>
										</a>

										<a href="javascript:;" class="css-palace-grid" id="sign">
											<div class="css-palace-grid-icon">
												<img src="../images/one6.png" alt="">
											</div>
											<div class="css-palace-grid-text">
												<h2>签到</h2>
											</div>
										</a>
										<a href="javascript:;" class="css-palace-grid" id="calendar">
											<div class="css-palace-grid-icon">
												<img src="../images/one7.png" alt="">
											</div>
											<div class="css-palace-grid-text">
												<h2>日历</h2>
											</div>
										</a>
										<a href="javascript:;" class="css-palace-grid" id="paihang">
											<div class="css-palace-grid-icon">
												<img src="../images/one8.png" alt="">
											</div>
											<div class="css-palace-grid-text">
												<h2>排行榜</h2>
											</div>
										</a>
										<a href="javascript:;" class="css-palace-grid" id="game">
											<div class="css-palace-grid-icon">
												<img src="../images/one9.png" alt="">
											</div>
											<div class="css-palace-grid-text">
												<h2>休闲娱乐</h2>
											</div>
										</a>
										<a href="javascript:;" class="css-palace-grid" id="translate">
											<div class="css-palace-grid-icon">
												<img src="../images/one10.png" alt="">
											</div>
											<div class="css-palace-grid-text">
												<h2>翻译</h2>
											</div>
										</a>
										<a href="javascript:;" class="css-palace-grid" id="weather">
											<div class="css-palace-grid-icon">
												<img src="../images/one11.png" alt="">
											</div>
											<div class="css-palace-grid-text">
												<h2>天气</h2>
											</div>
										</a>
									</div>
								</div>

							</div>
							<!-- Add Pagination -->
							<div class="swiper-pagination"></div>
						</div>

						<div class="css-title">
							<h2>答题专区</h2>
						</div>
						<div class="css-flex css-flex-ad">
							<div class="css-flex-box">
								<span id="lianxi_everyday"><img src="../images/ad_01.gif" alt=""></span>
							</div>
							<div class="css-flex-box">
								<span id="dati_everyday"><img src="../images/ad_02.gif" alt=""></span>
							</div>
						</div>
						<div class="css-flex css-flex-ad">
							<div class="css-flex-box">
								<span id="pack"><img src="../images/ad_03.gif" alt=""></span>
							</div>
							<div class="css-flex-box">
								<span id="dati_everyday1"><img src="../images/ad_022.gif" alt=""></span>
							</div>
						</div>

						<div class="css-title">
							<h2>练习专区</h2>
						</div>
						<div class="css-flex css-flex-ad">
							<div class="css-flex-box">
								<span id="lianxi_zhangjie"><img src="../images/lian1.gif" alt=""></span>
							</div>
							<div class="css-flex-box">
								<span id="lianxi2"><img src="../images/lianxi2.gif" alt=""></span>
							</div>

						</div>
						<div class="css-flex css-flex-ad">
							<div class="css-flex-box">
								<span id="lianxi3"><img src="../images/lianxi3.gif" alt=""></span>
							</div>
							<div class="css-flex-box">
								<span id="lianxi4"><img src="../images/lianxi1.gif" alt=""></span>
							</div>
						</div>
					</div>

				</section>
			</div>

		</section>
	</body>
	<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../js/slider.js"></script>
	<script type="text/javascript" src="../js/swiper-3.4.1.jquery.min.js"></script>
	<script type="text/javascript">
		var swiper = new Swiper('.swiper-container', {
			pagination: '.swiper-pagination',
			paginationClickable: true
		});
	</script>
	<script type="text/javascript">
		mui.init();
		// // 测试
		// document.getElementById('ches_everyday').addEventListener('tap', function() {
		// 	console.log("每日练习");
		// 	mui.openWindow({
		// 		createNew: true,
		// 		url: './ches_questionPage.html', //通过URL传参  
		// 	})
		// });
		// 单元检查
		document.getElementById('lianxi_everyday').addEventListener('tap', function() {

			mui.openWindow({
				createNew: true,
				url: './unit.html', //通过URL传参
			})
		});
		// 选择专项
		document.getElementById('dati_everyday').addEventListener('tap', function() {
			mui.openWindow({
				createNew: true,
				url: './questionPage_sum.html', //通过URL传参
			})
		});
		document.getElementById('dati_everyday1').addEventListener('tap', function() {
			mui.openWindow({
				createNew: true,
				url: './lian_xuanzhe.html', //通过URL传参
			})
		});
		
		//lianxi4
		document.getElementById('lianxi4').addEventListener('tap', function() {
			mui.openWindow({
				createNew: true,
				url: './lian_xuanzhe.html', //通过URL传参
			})
		});
		// 填空专项pack

		document.getElementById('pack').addEventListener('tap', function() {
			mui.openWindow({
				createNew: true,
				url: './fillquestion.html', //通过URL传参
			})
		});
		// 练习—选择
		document.getElementById('lianxi2').addEventListener('tap', function() {

			mui.openWindow({
				createNew: true,
				url: './lian_xuanzhe.html', //通过URL传参
			})
		});
		//练习——章节
		document.getElementById('lianxi_zhangjie').addEventListener('tap', function() {

			mui.openWindow({
				createNew: true,
				url: './lianxi_zhangjie.html', //通过URL传参
			})
		});
		//练习-填空
		document.getElementById('lianxi3').addEventListener('tap', function() {
		
			mui.openWindow({
				createNew: true,
				url: './lianxi_fillquestion.html', //通过URL传参
			})
		});
		//天气
		document.getElementById('weather').addEventListener('tap', function() {

			mui.openWindow({
				url: '../jqurey/weather/wer/weather.html',
				createNew: true
			})
		});

		//关于我们
		document.getElementById('about').addEventListener('tap', function() {
			console.log("关于我们");
			mui.openWindow({
				url: './about.html', //通过URL传参		
			})
		});

		//知网
		document.getElementById('zhiwang').addEventListener('tap', function() {
			console.log("知网");
			mui.openWindow({ //zhiwang.html
				url: './zhiwang.html', //通过URL传参		
				createNew: true
			})
		});
		//imustctf
		document.getElementById('IMUSTCTF').addEventListener('tap', function() {
			console.log("IMUSTCTF");
			mui.openWindow({
				url: './imustctf.html', //通过URL传参		
				createNew: true
			})
		});
		//baidu
		document.getElementById('library').addEventListener('tap', function() {
			mui.openWindow({
				url: '../jqurey/faculty/index.html', //通过URL传参	
				createNew: true
			})
		});

		//签到
		document.getElementById('sign').addEventListener('tap', function() {
			mui.openWindow({
				url: '../jqurey/sign/index.html', //通过URL传参	
				createNew: true
			})
		});

		//calendar 日历
		document.getElementById('calendar').addEventListener('tap', function() {
			mui.openWindow({
				url: '../jqurey/calendar/index.html', //通过URL传参	
				createNew: true
			})
		});

		//排行榜
		document.getElementById('paihang').addEventListener('tap', function() {
			mui.openWindow({
				url: './paihang.html', //通过URL传参

			})
		});
		// 小游戏
		document.getElementById('game').addEventListener('tap', function() {
			mui.openWindow({
				url: '../jqurey/game/index.html', //通过URL传参

			})
		});

		//翻译
		document.getElementById('translate').addEventListener('tap', function() {
			mui.openWindow({
				url: '../jqurey/translate/translate.html', //通过URL传参

			})
		});
	</script>
</html>
